*{
  margin: 0;
  padding: 0;
}
.mobile-list{
  position: relative;
  width: 90%;
  margin: 0 auto;
  padding-top:.1rem;
  .mui-input-row{
    &::after{
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 1px;
      content: '';
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
      background-color: #03B1BE;
    }
    .search{
      position: absolute;
      right: .04rem;
      top: .04rem;
      color: #03B1BE;
      width: .5rem;
      height: .4rem;
    }
    .text-input{
      padding-left: .5rem;
      width: 100%;
      background-image: none;
      font-size: 0.16rem;
      margin-bottom: 0;
      border: 0;
      border-radius: 0;
      background-color: transparent;
      box-shadow: none;
    }
  }
  .list{
    display: block;
    padding: .15rem .1rem;
    box-sizing: border-box;
    margin-bottom: -.05rem;
    .head-img{
      position: relative;
      z-index: 999;
      line-height: .5rem;
      text-align: center;
      width: .6rem;
      height: .6rem;
      border-radius: .3rem;
      display: inline-block;
      img{
        width: .6rem;
        height: .6rem;
        border-radius: .3rem;
      }
    }
    .list-title{
      position: absolute;
      top:.16rem;
      left:.8rem;

      .name{
        float: left;
        color: #333;
        max-width: 60%;
        font-size: .16rem;
        margin-top: -.05rem;//解决了字体砍头砍尾现象
        padding-top: .05rem;
        padding-bottom: .05rem;
        white-space:nowrap;
        text-overflow:ellipsis;//出现了字体砍头砍尾现象
        -o-text-overflow:ellipsis;
        overflow: hidden;
      }

    }
    .time{
      color: #aaa;
      font-size: .16rem;
    }
    .text-dot{
      float: right;
      margin: .18rem 0 0 .19rem;
      color: #ff0033;
      border-color: #ff0033;
    }
    .text-add{
      float: right;
      margin: .18rem 0 0 .19rem;
      color: #888;
      border-color: #888;
    }
    .hide{
      display: none;
    }
    .list-text{
      clear: both;
      padding-top: .21rem;
      padding-bottom: .06rem;
      font-size: .16rem;
      color: #888;
      line-height: .16rem;
      margin: 0;
      white-space:nowrap;
      text-overflow:ellipsis;//出现了字体砍头砍尾现象
      -o-text-overflow:ellipsis;
      overflow: hidden;
      .list-name{
        color:#3b3b3b;
      }
    }
  }
}